<!--
 * @Descripttion: 
 * @Author: voanit
 * @Date: 2022-06-29 12:12:14
 * @LastEditors: voanit
 * @LastEditTime: 2022-06-29 15:33:12
-->
<template>
  <div>
    御剑乘风来,除魔天地间!===vue3===refDom
    <h2 ref="dom" :style="{ color: red }">我是h1</h2>
  </div>
</template>
<script>
import { ref, onMounted } from 'vue'
export default {
  setup () {
    const dom = ref(123)
    const red = ref('red')

    onMounted(() => {
      // console.log(dom.value, 88811);
    })


    return { dom, red }
  }
}
</script>
<style lang='less'  scoped>
</style>